<style type="text/css">
	.slide-bg1,.slide-bg2,.slide-bg3{
		height:350px;
	}
	.slide-bg1{
		background:rgb(200,0,0);
	}
	.slide-bg2{
		background:rgb(0,200,0);
	}
	.slide-bg3{
		background:rgb(0,0,200);
	}
</style>
	<div class="container"><div class="row"><div class="col-md-10 col-md-offset-2">
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="3000" >
	<ol class="carousel-indicators" > 
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1" ></li>
		<li data-target="#myCarousel" data-slide-to="2" ></li>
	</ol>

	<div class="carousel-inner">
		<div class="item active">
			<div class="slide-bg1 text-center">
			</div>
		</div>
		<div class="item">
			<div class="slide-bg2">
				<div class="container">
				</div>
			</div>
		</div>
		<div class="item">
			<div class="slide-bg3 text-center">
			</div>
		</div>
	</div>
	   <!-- 轮播（Carousel）导航 -->
	<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
	<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div></div></div>
</div>
